<template>
	<div class="content-container">
		<div class="content card-box">
      <p class="under-line-p">词根</p>
			<ColummList :list="list" />
		</div>
		<right-aside>
      <p>词根侧边栏</p>
    </right-aside>
	</div>
</template>

<script lang = "ts">
import { defineComponent } from "vue";
import ColummList from "@/components/ColumnList.vue";
import RightAside from '@/components/common/RightAside.vue'
const Columns = defineComponent({
	name: "Columns",
	components: {
		ColummList,
    RightAside
	},
	setup() {
		const list = [
			{
				title: "50张思维导图助你快速记忆词根",
				coverpic:
					"https://file.ooowin.com/20180823/f951408814523a2896a9b999315e3599.png",
				summary: "50张思维导图助你快速记忆词根,让你过目不忘",
				author: "itshizhan",
				createTime: "2020-11-01",
				views: 100,
			},
			{
				title: "50张思维导图助你快速记忆词根",
				coverpic:
					"https://file.ooowin.com/20180823/f951408814523a2896a9b999315e3599.png",
				summary: "50张思维导图助你快速记忆词根,让你过目不忘",
				author: "itshizhan",
				createTime: "2020-11-01",
				views: 101,
			},
		];
		return {
			list,
		};
	},
});
export default Columns;
</script>